<template>
    <div class="outContent">
        <div class="navBar">
          <div class="navItem active">
            <router-link :to="{ path: '/' }">首页</router-link>
          </div>
          <div class="navItem">
            <router-link :to="{ path: 'xiangmu' }">项目管理</router-link>
          </div>
          <div class="navItem">
            <router-link :to="{ path: 'me' }">我</router-link>
          </div>
        </div>
        <div class="head">
            <div class="headName">个人中心</div>
            <a class="message">
                <div class="message_num">3</div>
            </a>
        </div>
        <div class="meTop">
            <div class="meBox">
                <div class="avatar">
                    <img src="images/avatar.png" alt=""/>
                </div>
                <div class="me_detail">
                    <div class="me_name">黄旭东</div>
                    <div class="me_job">工程项目监察</div>
                </div>
            </div>
            <div class="me_GN">
                <div class="me_GN_item">
                    <div class="gn-item_icon">
                        <img src="images/icon_me_01.png" alt=""/>
                    </div>
                    <div class="gn-item_title">
                        我的通知
                    </div>
                </div>
                <div class="me_GN_item">
                    <div class="gn-item_icon">
                        <img src="images/icon_me_02.png" alt=""/>
                    </div>
                    <div class="gn-item_title">
                        我的审批
                    </div>
                </div>
                <div class="me_GN_item">
                    <div class="gn-item_icon">
                        <img src="images/icon_me_03.png" alt=""/>
                    </div>
                    <div class="gn-item_title">
                        我的项目
                    </div>
                </div>
            </div>
        </div>
        <div class="meBottom listBlock">
            <a href="#" class="list_item">
                <div class="list_icon">
                    <img src="images/icon_me_edit.png" alt=""/>
                </div>
                <div class="list_title">
                    密码修改
                </div>
                <div class="list_arr"></div>
            </a>
            <a href="#" class="list_item">
                <div class="list_icon">
                    <img src="images/icon_me_pass.png" alt=""/>
                </div>
                <div class="list_title">
                    个人档案
                </div>
                <div class="list_arr"></div>
            </a>
        </div>
    </div>

</template>

<script>
    export default {
        name: "me"
    }
</script>

<style scoped>

</style>
